<template>
    <div style="width: 100%">
     <el-row  :gutter="20" >
        <el-col :span="6" v-for="(item, index) in slideshow.list" :offset="1" style="padding: 10px">
            <el-card :body-style="{ padding: '10px' }">
                <router-link :to="  '/sp/'+item.season_id  ">
                   <img :src="item.square_cover" style="width:100%;height:200px"  />
                </router-link>
                    <div style="padding: 14px;">
                    <span>{{item.title}}</span>
                </div>
            </el-card>
        </el-col>
     </el-row>
    </div>
</template>

<script>
    import {bangumiApi} from '../apis/bangumi.js';


    export default {
        data () {
            return {
                loaded :false,
                slideshow:{list:[]} //番剧推荐
            }
        },
        mounted() {



            bangumiApi.getBangumi()
            .then(function (ret) {


                this.slideshow =ret;
                this.loaded=true;

            }.bind(this));

        }
    }
</script>

<style>
</style>